<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Form Elements - Ace Admin</title>

<meta name="description" content="Common form elements and layouts" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<!-- bootstrap & fontawesome -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/font-awesome.min.css" />

<!-- page specific plugin styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/chosen.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datepicker3.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-timepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/daterangepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-colorpicker.min.css" />


<!-- ace styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.min.css"
	id="main-ace-style" />

<!--[if lte IE 9]>
			<link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-part2.min.css" />
		<![endif]-->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-skins.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-rtl.min.css" />

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script
	src="<%=request.getContextPath()%>/ace/assets/js/ace-extra.min.js"></script>

<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

<!--[if lte IE 8]>
		<script src="<%=request.getContextPath()%>/ace/assets/js/html5shiv.min.js"></script>
		<script src="<%=request.getContextPath()%>/ace/assets/js/respond.min.js"></script>
		<![endif]-->
<style>
	.detail-zx div>span:first-child {
		width: 24%;
		text-align: right;
	}
</style>
</head>

<body class="no-skin">
		<!-- div class="breadcrumbs" id="breadcrumbs">

		<ul class="breadcrumb">
			<li><i class="ace-icon fa fa-home home-icon"></i> <a >当前位置</a>
			</li>

			<li><a href="<%=request.getContextPath()%>/bsbExpertQu/list.do">问答专区列表</a></li>
			
		</ul>
		<!-- /.breadcrumb -->

		<!-- </div -->

	<!-- /section:basics/content.breadcrumbs -->
	<div class="page-content">
		<!-- /section:settings.box -->
		<div class="page-content-area">
			<div class="page-header">
				<h1>
					语音详情 
				</h1>
			</div>
			<!-- /.page-header -->
			<div class="detail-zx">
				<div>
					<span>问题状态:</span>
					<span class="yellow">${bsbExpertQu.status=='0'?'待审核':bsbExpertQu.status=='1'?'审核通过':bsbExpertQu.status=='2'?'审核不通过':bsbExpertQu.status=='3'?'补录审核中':bsbExpertQu.status=='4'?'补录审核通过':bsbExpertQu.status=='5'?'补录审核不通过':'未知'}</span>
				</div>
				<div>
					<span>发布状态:</span>
					<span  class="yellow">${bsbExpertQu.delFlag=='0'?'显示':bsbExpertQu.delFlag=='1'?'隐藏':'未知'}</span>
				</div>
				<div>
					<span>问题金额 :</span>
					<span class="yellow">${bsbExpertQu.quPrice}</span>
				</div>
			</div>
			<div class="detail-zx">
				<div>
					<span>发布人:</span>
					<span>${bsbExpertQu.userId}</span>
				</div>
				<div>
					<span>所属专题:</span>
					<span>${bsbExpertQu.topic}</span>
				</div>
				<div>
					<span>所属机构 :</span>
					<span>${firmName}</span>
				</div>
			</div>
			<div class="detail-zx">
				<div>
					<span>所属行业:</span>
					<span>${bsbExpertQu.trade}</span>
				</div>
				<div>
					<span>所属税种:</span>
					<span>${bsbExpertQu.tax}</span>
				</div>
			</div>
			<div class="panel zxlist">
				<div class="panel-heading"><span class="left-line"></span> 录音详情</div>
				<div class="wt-detail">
					<span>问题:</span>
					<span>${bsbExpertQu.question}</span>
				</div>
				<c:forEach items="${voicelist }" var="voice" varStatus="status">
					<div class="wt-detail">
						<span style="vertical-align:top">录音内容:</span>
						<span>
							<div style="margin-bottom:30px;">
								<audio  controls="controls" preload="auto" style="width: 300px;height: 32px;color:#55e210;"  src="<%=request.getContextPath()%>/getVoice/${voice.name}">
							</div>
							<div class="well well-lg" style="background:#F9F9F9;">${voice.content }</div>
						</span>
					</div>	
				</c:forEach>
			</div>
			<%--<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS -->
					<form class="form-horizontal">
						<!-- #section:elements.form -->
								<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 问&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题: </label>
		
									<div class="col-sm-9">
										<label class="control-label no-padding-left"
										for="form-field-1">${bsbExpertQu.question}</label>
										<!-- <div class="col-xs-10 col-sm-5"></div> -->
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 问题状态:</label>
		
									<div class="col-sm-9">
									<label class="control-label no-padding-right"
										for="form-field-1">${bsbExpertQu.status=='0'?'待审核':bsbExpertQu.status=='1'?'审核通过':bsbExpertQu.status=='2'?'审核不通过':bsbExpertQu.status=='3'?'补录审核中':bsbExpertQu.status=='4'?'补录审核通过':bsbExpertQu.status=='5'?'补录审核不通过':'未知'}</label>
										
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 所属行业:</label>
		
									<div class="col-sm-9">
									<label class="control-label no-padding-right"
										for="form-field-1">${bsbExpertQu.trade}</label>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 所属税种: </label>
		
									<div class="col-sm-9">
									<label class="control-label no-padding-right"
										for="form-field-1">${bsbExpertQu.tax}</label>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 所属专题: </label>
		
									<div class="col-sm-9">
									<label class="control-label no-padding-right"
										for="form-field-1">${bsbExpertQu.topic}</label>
										
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 发&nbsp;&nbsp;布&nbsp;&nbsp;人: </label>
		
									<div class="col-sm-9">
										<label class="control-label no-padding-right"
										for="form-field-1">${bsbExpertQu.userId}</label>
									</div>
								</div>
								
							<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 所属机构: </label>
		
									<div class="col-sm-9">
										<label class="control-label no-padding-right"
										for="form-field-1">${firmName}</label>
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 回答内容: </label>
		
									<div class="col-sm-9">
										
										<div id="accordion" class="accordion-style1 panel-group">
											<c:forEach items="${voicelist }" var="voice" varStatus="status">
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse${voice.uuid}">
																<i class="ace-icon fa fa-angle-right bigger-110" data-icon-hide="ace-icon fa fa-angle-down" data-icon-show="ace-icon fa fa-angle-right"></i>
																&nbsp;录音内容 #${status.count } <fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${voice.createDate}" />
															</a>
														</h4>
													</div>
	
													<div class="panel-collapse collapse <c:if test='${status.count==1 }'>in</c:if>" id="collapse${voice.uuid}">
														<div class="panel-body">
															<div class="col-xs-9 col-sm-6 "  ><audio  controls="controls" preload="auto" style="width: 300px;height: 32px;color:#55e210;"  src="<%=request.getContextPath()%>/getVoice/${voice.name}"></div>
															<div class="col-xs-3 col-sm-6"><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${voice.createDate}" /></div>
															<div class="col-xs-12 col-sm-12 well well-lg" >${voice.content }</div>
														</div>
													</div>
												</div>
											</c:forEach>
										</div>
										
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 显示状态: </label>
		
									<div class="col-sm-9">
									<label class="control-label no-padding-right"
										for="form-field-1">${bsbExpertQu.delFlag=='0'?'显示':bsbExpertQu.delFlag=='1'?'隐藏':'未知'}</label>
									</div>
								</div>
							<%-- 	<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 追问金额 </label>
		
									<div class="col-sm-9">
									<label class="control-label no-padding-right"
										for="form-field-1">${bsbExpertQu.askPrice}</label>
									</div>
								</div> --%>
								<%--<div class="form-group">
									<label class="col-sm-2 control-label no-padding-right"
										for="form-field-1"> 金&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;额: </label>
		
									<div class="col-sm-9">
									<label class="control-label no-padding-right"
										for="form-field-1">${bsbExpertQu.quPrice}</label>
									</div>
								</div>
								
								
								
								<%-- <p>
									<input type="button" onclick="location.href='<%=request.getContextPath()%>/bsbExpertAsk/list?quId=${bsbExpertQu.uuid }'" class="btn btn-info btn-block" value="点击查看该问题下所有追问"/>
								</p> --%>
								
						<%-- <div class="clearfix form-actions">
								<div class="col-md-offset-3 col-md-9">
									<input type="button" class="btn btn-info" onclick="history.go(-1)" value="返回" />
								</div>
							</div>
					</form>

					<!-- PAGE CONTENT ENDS -->
				</div>
				<!-- /.col -->
			</div>--%>
			<!-- /.row -->
			<div class="clearfix form-actions">
				<div class="col-md-offset-3 col-md-9">
					<input type="button" class="btn btn-info" onclick="history.go(-1)"
						value="返回" />
				</div>
			</div>
		</div>
		<!-- /.page-content-area -->
	</div>
	<!-- /.page-content -->
</body>

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery-2.1.4.min.js'>"
							+ "<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement)
		document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.mobile.custom.min.js'>"+ "<"+"/script>");
</script>

<script
	src="<%=request.getContextPath()%>/ace/assets/js/ace.min.js"></script>
<script
	src="<%=request.getContextPath()%>/ace/assets/js/bootstrap.min.js"></script>


</html>
